草庐IT

html - 动画 :hover:after

全部标签

javascript - 如何通过 javascript 添加动画 svg?

如果我在纯html/svg文件中编写svg,它工作正常,圆圈动画正确。但是如果我通过javascript动态添加circle元素,则添加了circle,但它没有动画。怎么了?js代码:varsvg=$("svg");//usejqueryvarcircle=document.createElementNS("http://www.w3.org/2000/svg","circle");circle.setAttribute("r","5");circle.setAttribute("fill","red");varani=document.createElementNS("http://

javascript - 在维基百科上调整动画大小

如果你去Wikipediapage在Chrome和ctrl+scrollup或ctrl+scrolldown中,调整大小是在动画中完成的。这是如何实现的?(在FF中只有ReadViewsourceViewhistory右上角的链接动画) 最佳答案 如果您使用Chrome的检查器检查CSS,您会发现这条规则:body.vector-animateLayoutdiv#content,body.vector-animateLayoutdiv#footer{transition:margin-left250ms,padding250ms;-

javascript - Google Maps API v3 标记掉落和反弹动画

我从谷歌得到了这个修改过的示例代码varstockholm=newgoogle.maps.LatLng(59.32522,18.07002);varparliament=newgoogle.maps.LatLng(59.327383,18.06747);varmarker;varmap;functioninitialize(){varmapOptions={zoom:15,mapTypeId:google.maps.MapTypeId.ROADMAP,center:stockholm};map=newgoogle.maps.Map(document.getElementById("ma

javascript - 使用javascript设置CSS动画延迟

我的css文件中有一些关键帧动画。已经指定了一个动画延迟。包装器div具有属性数据延迟。我想获取css文件中的animation-delay,并为其添加data-delay的值。然后我希望动画以新的延迟开始。我尝试了ele[i].style.animationDelay。但似乎这会返回null,直到我为其设置一个值。如果我设置ele[i].style.animationDelay='5s'动画仍然会随着css文件的延迟运行。HTMLHitest!CSSbody{font-size:300%;}#wrapperh1{position:absolute;}#hi{transform:tra

javascript - 哪些 HTML 元素支持 onerror 属性?

我有一个从GoogleWebFonts加载CSS和字体的网站.但是,将使用该站点的一个地方是无法访问Internet的本地Intranet。我仍然想尽可能地使用Google的字体以获得Google提供的好处,例如从CDN下载的字体,并且可能已经在访问使用它们的另一个站点时缓存在用户的计算机上。我也用Google-hostedjQuery如果无法访问Google,我会使用以下代码(来自HTML5Boilerplate)从我的服务器加载jQuery:window.jQuery||document.write('')我正在寻找一种对CSS文件执行相同操作的方法。我用过过去用于处理不加载的图像

javascript - window.getSelection() 用 HTML 标签偏移?

如果我有以下HTML:Vivamusluctusurnasedurnaultriciesactemporduisagittis.我在mouseup上举办了一场事件查看所选文本的范围:$(".content").on("mouseup",function(){varstart=window.getSelection().baseOffset;varend=window.getSelection().focusOffset;if(start然后我选择单词Vivamus从内容中,它将记录1,8,因为这是选择的范围。如果,但是,我选择了单词urna,它会记录15,20,但不会考虑HTML的元素

javascript - 使用 javascript 将大型 HTML 字符串加载到 UIWebView

通常,当我想使用javascript将HTML字符串加载到webview中时,我会使用类似这样的东西...NSString*htmlString=@"HTMLString";[webViewstringByEvaluatingJavaScriptFromString:[NSStringstringWithFormat:@"document.getElementById('elementid').innerHTML=\"%@\";",htmlString]];虽然这对于小字符串似乎很有效,但当字符串相对较大时就没有效果了。显然,有一个长度限制。所以,我的问题是,是否有人知道无需重新加载w

javascript - 如何将 m4v 视频文件嵌入到我的 html 网页中?

我目前正在尝试将m4v视频嵌入到我的html网页中。使用以下代码它在googlechrome中完美运行。它需要mozilla的ogv视频浏览器。因为我们无法从客户端获取ogv视频。我也在使用它在英雄框架中。我还尝试使用youtube嵌入代码使用的iframe标签。它适用于webkit浏览器(googlechrome)。但无法在mozillafirefox浏览器中播放。我需要在跨浏览器中播放m4v视频。有什么方法或我在这里缺少任何html标签吗?我探索了很多但找不到有效的解决方案。 最佳答案 m4v格式文件不被浏览器支持,这些格式需要

javascript - 类似风险(基于区域)的 map 和 HTML/JavaScript

假设我们有一个类似Risk的世界地图,它被划分为自定义形状的区域。如何让用户使用HTML5/JavaScript选择一个单独的区域?我假设Canvas2D是第一步,但接下来呢? 最佳答案 有无数伟大的图书馆。举几个例子:http://d3js.org/http://raphaeljs.com/http://paperjs.org/http://box2d-js.sourceforge.net/http://threejs.org/具体例子:http://bl.ocks.org/mbostock/2206590http://rapha

javascript - 为什么没有定义 html2canvas?

如果我调用这个函数,总是得到“html2canvasisnotdefined”。makeScreenshot:function(button){debugger;html2canvas(document.body,{UncaughtReferenceError:html2canvasisnotdefinedonrendered:function(canvas){document.body.appendChild(canvas);}});},但是为什么?我有一类......就像tutorial写了它。有人有解决方案吗?我想我需要在这里包含html2canvas,但我不知道如何。Ext.d